/* pages/payRes/index.wxss */
.bg-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 278rpx;
	background: linear-gradient(135deg, #FF7733 0%, #FF4133 100%);
	border-radius: 0rpx 0rpx 32rpx 32rpx;
	z-index: -9;
}

.price {
	font-size: 24rpx;
	font-weight: bold;
	color: white;
	margin: 66rpx 0 24rpx;
	text-align: center;

	.number {
		font-size: 60rpx;
	}
}

.sueecss-box {
	text-align: center;
	font-size: 40rpx;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	image{
		display: block;
	}
	text {
		margin-left: 12rpx;
	}
}

.container {
	margin: 46rpx auto 0;
	width: 582rpx;
	height: 530rpx;
	background-color: #FF7733;
	background-color: #fff;
	position: relative;
	padding: 64rpx 40rpx 96rpx;
	box-sizing: border-box;
	font-size: 28rpx;
	color: #19171499;

	&::after {
		content: '';
		position: absolute;
		top: -20rpx;
		left: 50%;
		width: 606rpx;
		height: 40rpx;
		border-radius: 20rpx;
		transform: translateX(-50%);
		background: linear-gradient(180deg, #FFBA30 0%, #EE9E00 100%);
		box-shadow: 0rpx -2rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
		z-index: -2;
	}

	&::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 590rpx;
		height: 538rpx;
		background: linear-gradient(180deg, #F6AC18 0%, #FFFFFF 100%);
		z-index: -1;
	}
}

.cell-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20rpx;
}
.btns-box{
	margin-top: 60rpx;
	.btn{
		width: 510rpx;
		height: 88rpx;
		border-radius: 44rpx;
		&:first-child{
			margin-bottom: 24rpx;
		}
	}
}